<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style1.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/demo.css">
</head>

<body>
    <header>
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-md-12">

                    <nav class="navbar navbar-default center-block">
                        <div class="container container-fluid">
                            <!-- Brand and toggle get grouped for better mobile display -->
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <a class="navbar-brand" href="page.html">
                                    <span>音乐</span>
                                </a>

                            </div>

                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                <ul class="nav navbar-nav navbar-right">
                                    <li><a href="./index.html" class="active">首页</a></li>
                                    <li><a href="./mymusic.html">我的音乐</a></li>
                                    <li><a href="./vip.html">VIP</a></li>
                                    <li><a href="#">登录</a></li>
                                    <li><a href="#">注册</a></li>


                                </ul>
                            </div><!-- /.navbar-collapse -->

                        </div><!-- /.container-fluid -->
                    </nav>

                    <div class="navbar m-top-subnav center-block">
                        <div class="container container-fluid">
                            <div class="collapse navbar-collapse text-center" id="bs-example-navbar-collapse-1">
                                <ul class="nav navbar-nav">
                                    <li><a href="./singer.html">歌手</a></li>
                                    <li><a href="./disc.html">新碟</a></li>
                                    <li><a href="./page.html" class="active">排行榜</a></li>
                                    <li><a href="./classify.html">分类歌单</a></li>
                                    <li><a href="./radio.html">电台</a></li>
                                    <li><a href="./mv.html">MV</a></li>
                                </ul>
                            </div><!-- /.navbar-collapse -->

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    
    <div class="mrank center-block">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2 class="section-heading">M-music-one Top-List</h2>
                    <h3 class="subtitle">巅峰榜</h3>
                    <div class="row text-left">
                        <div class="col-md-5 col-sm-6">
                            <ul class="mrank-list">
                                <li class="clearfix">
                                    <div class="mlist-left fl mred">01</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html"> 少年（童声版）</a></p>
                                        <p class="mlist-bot"><a href="page.html"> 陈宇春</a></p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="mlist-left fl mred">02</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html">关于她</a> </p>
                                        <p class="mlist-bot"><a href="page.html">Matzka玛斯卡</a> </p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="mlist-left fl mred">03</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html">my future</a> </p>
                                        <p class="mlist-bot"><a href="page.html">Billie Eilish</a> </p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="mlist-left fl">04</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html">我的新衣</a> </p>
                                        <p class="mlist-bot"><a href="page.html">黄圣依/伊能静/张雨绮</a> </p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="mlist-left fl">05</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html">FIND YOUR WAY BACK</a> </p>
                                        <p class="mlist-bot"><a href="page.html">Beyoncé</a> </p>
                                    </div>
                                </li>
                                <li class="text-center mdown">
                                    <a href="page.html">
                                        <i class="iconfont">&#xe503;</i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-7 col-sm-6 mhover-l">
                            <img src="images/m-content-mg01.jpg" class="img-responsive img-tab pull-right">
                            <a href="page.html"><i class="glyphicon glyphicon-eye-open icon text-center"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="mrank">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="title text-center">
                        <h2 class="section-heading">M-music-one Regional- list</h2>
                        <h3 class="subtitle">地区榜</h3>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-sm-6 mhover-r">
                            <img src="images/m-content-mg02.jpg" class="img-responsive">
                            <a href="page.html"><i class="glyphicon glyphicon-eye-open icon text-center"></i></a>
                        </div>
                        <div class="col-md-6 col-sm-6 be_found-text">
                            <ul class="mrank-list fl">
                                <li class="clearfix">
                                    <div class="mlist-left fl mred">01</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html">마리아 (Maria)</a> </p>
                                        <p class="mlist-bot"><a href="page.html">华莎 (화사)</a> </p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="mlist-left fl mred">02</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html">天外来物</a> </p>
                                        <p class="mlist-bot"><a href="page.html">薛之谦</a> </p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="mlist-left fl mred">03</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html">Shall We Talk (Tre Lune MMXIX)</a> </p>
                                        <p class="mlist-bot"><a href="page.html">陈奕迅</a> </p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="mlist-left fl">04</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html">决斗场见</a> </p>
                                        <p class="mlist-bot"><a href="page.html">张韵涵</a> </p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="mlist-left fl">05</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html"> the last great American dynasty</a>
                                        </p>
                                        <p class="mlist-bot"><a href="page.html"> Taylor Swift</a></p>
                                    </div>
                                </li>
                                <li class="text-center mdown">
                                    <a href="page.html"><i class="iconfont">&#xe503;</i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="mrank center-block">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2 class="section-heading">M-music-one Feature -List</h2>
                    <h3 class="subtitle">特色榜</h3>
                    <div class="row text-left">
                        <div class="col-md-5 col-sm-6">
                            <ul class="mrank-list fl">
                                <li class="clearfix">
                                    <div class="mlist-left fl mred">01</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html"> 爱，存在</a></p>
                                        <p class="mlist-bot"><a href="page.html">林小珂</a> </p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="mlist-left fl mred">02</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html">Swagger (画风风 Bootleg)</a> </p>
                                        <p class="mlist-bot"><a href="page.html">P.W.W.画风风</a> </p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="mlist-left fl mred">03</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html">我爱你不问归期</a> </p>
                                        <p class="mlist-bot"><a href="page.html">白小白</a> </p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="mlist-left fl">04</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html">爸爸妈妈</a> </p>
                                        <p class="mlist-bot"><a href="page.html">李荣浩</a> </p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="mlist-left fl">05</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html">旧城之王</a> </p>
                                        <p class="mlist-bot"><a href="page.html">木马</a> </p>
                                    </div>
                                </li>
                                <li class="text-center mdown">
                                    <a href="page.html"><i class="iconfont">&#xe503;</i></a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-7 col-sm-6 mhover-l">
                            <img src="images/m-content-mg03.jpg" class="img-responsive img-tab pull-right">
                            <a href="page.html"><i class="glyphicon glyphicon-eye-open icon text-center"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="mrank">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="title text-center">
                        <h2 class="section-heading">M-music-one Global- list</h2>
                        <h3 class="subtitle">全球榜</h3>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-sm-6 mhover-r">
                            <img src="images/m-content-mg04.jpg" class="img-responsive">
                            <a href="page.html"><i class="glyphicon glyphicon-eye-open icon text-center"></i></a>
                        </div>
                        <div class="col-md-6 col-sm-6 be_found-text">
                            <ul class="mrank-list fl">
                                <li class="clearfix">
                                    <div class="mlist-left fl mred">01</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html"> 少年（童声版）</a></p>
                                        <p class="mlist-bot"><a href="page.html">陈宇春</a> </p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="mlist-left fl mred">02</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html">ROCKSTAR (Explicit)</a> </p>
                                        <p class="mlist-bot"><a href="page.html">Roddy Ricch</a> </p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="mlist-left fl mred">03</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html"> Nobody's Love</a></p>
                                        <p class="mlist-bot"><a href="page.html"> Maroon 5</a></p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="mlist-left fl">04</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html">Head & Heart (feat. MNEK)</a> </p>
                                        <p class="mlist-bot"><a href="page.html">Joel Corry</a> </p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="mlist-left fl">05</div>
                                    <div class="fl">
                                        <p class="mlist-top"><a href="page.html">裸の心 (赤诚的心)</a> </p>
                                        <p class="mlist-bot"><a href="page.html">爱缪 (あいみょん)</a> </p>
                                    </div>
                                </li>
                                <li class="text-center mdown">
                                    <a href="page.html"><i class="iconfont">&#xe503;</i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer>
        <div class="container m_content">
            <div class="row">
                <div class="row">
                    <div class="col-md-4 col-sm-12">
                        <span class="">下载我的音乐客户端</span>


                        <div class="m_cont">
                            <div><a href="page.html">&#xe8c4;</a><span>pc版</span></div>
                            <div><a href="page.html">&#xe64d;</a><span>安卓版</span></div>
                            <div><a href="page.html">&#xe63d;</a><span>苹果版</span></div>

                        </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <span>协议与声明</span>
                        <div class="m_agreement">
                            <span>用户与服务协议</span>
                            <span>免责声明</span>
                            <span>隐私政策</span>
                            <span>权利声明</span>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <span>其他</span>
                        <div class="m_more">
                            <span>联系我们</span>
                            <span>腾讯音乐</span>
                            <span>诚聘英才</span>
                            <span>广告服务</span>
                            <span>网上有害信息举报专所</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-sm-12">
                    <div>
                        <span>
                            北京知了科技有限公司版权所有1网络文化经营许可证:京网文[2015]0525-205号1 信 息网络传播视听节目许可证0109362号1增值电信业务经营许可证B2
                            -20090418 I京ICP证
                            <br>060261号
                        </span>
                        <span>广播电视节目制作经营许可证京字第2037号|营 业性演出许可证京市演15741京公网安备 11010502030216号1京CP备09014827号
                        </span>
                        <span>举报电话: 010-879399491举报邮箱 : support@kuwo.cn
                        </span>

                    </div>
                </div>

            </div>
        </div>
    </footer>
</body>

</html>